<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.bigbox{
				width: 1000px;height: 500px;
				background-color:red;
			}
			.a{
				width: 1000px;height:100px;
				background-color:pink;
				vertical-align: bottom;
			}
			.b{
				width: 1000px;height:400px;
				background-color: coral;
				vertical-align: bottom;
				text-align: center;
				line-height: 100px;
			}
			.c{
				width: 700px;height: 100px;
				background-color: darksalmon;
				display: inline-block;
				vertical-align: bottom;
			}
			.d{
				width: 300px;height: 100px;
				background-color: sandybrown;
				display: inline-block
			}
			.e{
				width: 500px;height: 400px;
				background-color: deepskyblue;
				display: inline-block
			}
			.f{
				width: 500px;height: 400px;
				background-color: darkturquoise;
				background-image: url(js/a.jpg);
				display: inline-block
			}
			.g{
				width: 250px;height: 400px;
				background-color: darkturquoise;
			
			}
		</style>
	</head>
	<body>
		<div class="bigbox">
		  <div class="a">
			  <div class="c">
				  <a href="#">首页</a>
				  <a href="#">手机</a>
				  <a href="#">电脑</a>
				  <a href="#">分类</a>
			  </div>
			  <div class="d">
			  </div>
		  </div>
		<div class="b">
			 <div class="e"><div class="g"></div></div><div class="f"></div>	
		 </div>		
	
			
			
		</div>
		
		
	</body>
</html>
